<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<!-- submit 事件是表单的事件 提交表单 必须得有form包裹 -->
	<form action="">
	  <p>账号:	<input type="text" name="uname"></p>
	  <p>密码:	<input type="password" name="pwd"></p>
		<input type="submit">
		<input type="button">
	</form>
	<script>
		// submit事件表单提交时会触发, 默认行为刷新页面 阻止默认行为
		// const form = document.querySelector('form')
		// form.onsubmit = function(){
		// 	console.log(123);
		// }
		// submit按钮被点击也会进行表单的提交操作 
		const btn = document.querySelector('input[type=submit]')
		btn.onclick = function(){
			// 也会触发表单提交
			console.log(111);
		}
	</script>
</body>
</html>